$(function () {
    $.ajax(baseUrl + "/categories", {
        success: function (res) {
            const newHtml = template("nav-temp", { navList: res })
            $(".topnav ul").html(newHtml)
            $(".header .nav").html(newHtml)
        },
        error: err => console.log(err),
    })
    $.ajax(baseUrl + "/comments/lasted", {
        success: function (res) {
            const newHtml = template("newComment-temp", {
                newCommentList: res,
                baseUrl: baseUrl,
            })
            $(".new-comments").html(newHtml)
        },
        error: function (err) {
            console.log("err:", err)
        },
    })
    $(function () {
        $.ajax(baseUrl + "/posts/random", {
            success: function (res) {
                const newHtml = template("random-temp", {
                    randomList: res,
                    baseUrl: baseUrl,
                })
                $(".random").html(newHtml)
            },
            error: function (err) {
                console.log("err:", err)
            },
        })
    })
    // function getData(params) {
    //     $.ajax(params.url, {
    //         success: function (res) {
    //             const newHtml = template(params.temp, {
    //                 list: res,
    //                 baseUrl: baseUrl,
    //             })
    //             $(params.select).html(newHtml)
    //         },
    //         error: function (err) {
    //             console.log("err:", err)
    //         },
    //     })
    // }
    // const hotObj = {
    //     url: baseUrl + "/posts/recommend",
    //     temp: "hot-temp",
    //     list: "hotList",
    //     select: ".hots ul",
    // }
    // const newObj = {
    //     url: baseUrl + "/posts/recommend",
    //     temp: "news-temp",
    //     list: "newList",
    //     select: ".new",
    // }
    // const newCommentObj = {
    //     url: baseUrl + "/comments/lasted",
    //     temp: "newComment-temp",
    //     list: "newCommentList",
    //     select: ".new-comments",
    // }
    // getData(hotObj)
    // getData(newObj)
    // getData(newCommentObj)
})
